<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="Blog Phone" id="Blog">
        <div id='ecsite-section-header'>
            <div class="name_menu">
                <div style="font-size:24px;font-weight:800;color:rgba(0,0,0,0.85);">SUMMER</div>
                <div class="menu" style="justify-content: flex-end;">
                    <div class="phonemuen">
                        <div>
                            <img src="../img/manage_icon_nav_indent@2x.png" alt="">
                        </div>
                    </div>
                    <ul>
                        <li class="isactive">Home</li>
                        <li>About me</li>
                    </ul>
                </div>
            </div>
            <div class="header" id="header">
                <div class="img">
                    <div class="imglist">
                        <!-- //按钮的轮播图 -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide" style="background-size:100% ;background-image: url('http://img.site.maoyt.com/group1/M00/00/01/wKgAb11VG0iAV_3oAAWYSJFqrpQ969.jpg?')">
                                </div>
                                <div class="swiper-slide" style="background-size:100% ;background-image: url('http://img.site.maoyt.com/group1/M00/00/01/wKgAb11VG0iAV_3oAAWYSJFqrpQ969.jpg?')">
                                </div>
                                <div class="swiper-slide" style="background-size:100%;background-image: url('http://img.site.maoyt.com/group1/M00/00/01/wKgAb11VG0iAV_3oAAWYSJFqrpQ969.jpg?')">
                                </div>
                            </div>
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

        <div class="name_menu_content">
            <div class="content">
                <div class="content_left" style="padding-bottom:10px">
                    <div id='ecsite-section-detail-blog'>
                        <div class="maincon">
                            <p class="blog_date">May 27, 2019</p>
                            <h4>fermentum, nulla luctus pharetra vulputate, felis tellusfermentum, nulla luctus pharetra vulputate, felis tellus</h4>
                            <div class="tag">
                                <div class="taglist">耐热</div>
                                <div class="taglist">耐热</div>
                                <div class="taglist">耐热</div>
                                <div class="taglist">耐热</div>
                                <span>classify</span>
                            </div>
                            <hr>
                            <div class="text_content">
                                <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo Proin sodales pulvinar tempor. Cum , nascetur ridiculus mus. pulvinar
                                    temporpulvinar tempor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo Proin sodales pulvinar tempor. Cum , nascetur
                                    ridiculus mus. pulvinar temporpulvinar tempor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo Proin sodales pulvinar
                                    tempor. Cum , nascetur ridiculus mus. pulvinar temporpulvinar tempor</div>
                                <div class="img">
                                    <img src="http://img.site.maoyt.com/group1/M00/00/03/wKgAcF1vhvyADgyDAANxLLR2jgg506.jpg" alt="">

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="content_right">
                    <div id='ecsite-section-sidebar'>
                        <div class="class guidang">
                            <h2>博文分类</h2>
                            <ul>
                                <li> <span> 全部 </span> <span>（120256）</span></li>
                            </ul>
                        </div>
                        <div class="class guidang">
                            <h2>归档</h2>
                            <dl class="list">
                                <dt class="up"> <span> 全部 </span> <span>（120256）</span></dt>
                                <dd><span> 12 </span> <span>（120256）</span></dd>
                                <dd><span> 11 </span> <span>（120256）</span></dd>
                                <dd><span> 10 </span> <span>（120256）</span></dd>
                            </dl>
                            <dl class="list">
                                <dt class="up"> <span> 全部 </span> <span>（120256）</span></dt>
                                <dd><span> 12 </span> <span>（120256）</span></dd>
                                <dd><span> 11 </span> <span>（120256）</span></dd>
                                <dd><span> 10 </span> <span>（120256）</span></dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer"><span>Copyright © 2009-2019 ecer.com. All rights reserved.</span> </div>
    </div>
</body>

</html>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="../../src/swipernext.js"></script>
<script src="../../src/common.js"></script>